<template>
  <div class="shopClass">
    <div class="title">
      <a-radio-group default-value="a" button-style="solid">
        <a-radio-button value="a">
          分类模板
        </a-radio-button>
        <a-radio-button value="b">
          分类广告
        </a-radio-button>
      </a-radio-group>
    </div>
    <div class="shopClass-content">
      <!--  -->
    </div>
  </div>
</template>

<script>
const data = [
  {
    key: '1',
    firstName: 'John',
    lastName: 'Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
    tags: ['nice', 'developer']
  },
  {
    key: '2',
    firstName: 'Jim',
    lastName: 'Green',
    age: 42,
    address: 'London No. 1 Lake Park',
    tags: ['loser']
  },
  {
    key: '3',
    firstName: 'Joe',
    lastName: 'Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park',
    tags: ['cool', 'teacher']
  }
]

export default {
  data() {
    return {
      data,
      form: {},
      labelCol: { span: 3 },
      wrapperCol: { span: 14 }
    }
  },
  mounted() {
  },
  methods: {
    showModal() {
      this.visible = true
    },
    handleOk() {
      this.visible = false
    }
  }
}
</script>

<style lang="less" scoped>
.shopClass{
  padding: 20px 5px;
  .title{
    color: #595961;
    font-size: 16px;
    padding: 0 0 20px 0 ;
  }
  .shopClass-content{
    background: #F2F2F6;
    border-radius: 10px;
    padding: 10px;
  }
}

</style>
